<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <%@include file="../include/head.jsp" %>
    <%@include file="../include/link.jsp" %>
    <link rel="stylesheet" type="text/css" href="../../../static/wxApp/css/app.css">
<%--    <link rel="stylesheet" type="text/css" href="../../../static/wxApp/css/mobile.app.css">--%>
    <style>

        .post_title {
            font-size: 24px;
            font-weight: 500;
            margin: 0;
        }

        .post_overview {
            display: inline-block;
            vertical-align: top;
            padding-right: 15px;
            font-weight: 400;
            font-style: normal;
        }

        .post_overview .post_info {
            *zoom: 1;
            color: rgba(0,0,0,.3);
            font-size: 14px;
            margin: 12px 0;
        }

        .markdown_article_detail .ask_content {
            padding-bottom: 0;
            line-height: 1.75;
        }
        .ask_content {
            border: none;
        }
        .ask_content {
            padding: 0 0 2em;
            overflow: hidden;
        }
        .ask_content .post_content {
            padding: 8px 0 16px;
            overflow: hidden;
        }
        .post_content {
            font-size: 16px;
        }
        .multitext_content, .post_content {
            width: auto!important;
        }
    </style>
</head>
<body>
<%@include file="../include/appHerder.jsp" %>
<div class="container detail clearfix">
    <div class="main" style="margin-top: 30px">
        <div id="detailTitle" class="post_overview_main">
            <h1 class="post_title" style="margin-bottom: 8px;">
                <span class="post_title_content">${data.title}</span>
            </h1>
            <div itemprop="author" itemscope="itemscope" itemtype="http://schema.org/Person" class="post_info">
                <em id="create_time" class="post_time post_info_meta">发表于:</em>
                <em class="post_from post_info_meta">${data.time}</em>
            </div>
        </div>
        <div>
            <div class="ask_content">
                <div id="content" itemprop="text" class="post_content"><p><span style="font-size: 14px;">${data.content}</span>
                </p></div>
            </div>
        </div>
        <div><h2 class="title">看了${liebaoApp.appName}小程序的人还看了</h2>
            <ul class="related list clearfix">
                <c:forEach var="item" items="${rmtjList}" begin="0" end="6">
                    <li class="item">
                        <a href="/app/${item.id}.html" title="${item.appName}小程序">
                            <img class="lazy b-loaded"
                                 src="<c:if test="${item.sourceId==2}">https://media.ifanrusercontent.com</c:if><c:if test="${item.sourceId==1}">//img.cmcmcdn.com</c:if><c:if test="${item.sourceId==3}">${imgServer}</c:if>${item.logoUrl}"
                                 data-src="<c:if test="${item.sourceId==2}">https://media.ifanrusercontent.com</c:if><c:if test="${item.sourceId==1}">//img.cmcmcdn.com</c:if><c:if test="${item.sourceId==3}">${imgServer}</c:if>${item.logoUrl}"
                                 width="70" height="70"
                                 alt="${item.appName}微信小程序">
                            <span>${item.appName}</span>
                        </a>
                    </li>
                </c:forEach>

            </ul>
        </div>
    </div>
    <div class="aside">
        <div class="aside-rank"><h2>热门排行</h2>
            <ul class="aside-rank-list">
                <c:forEach var="item" items="${jtxxList}" begin="0" end="5">
                    <li class="item">
                        <a href="/app/${item.id}.html">
                            <img class="lazy b-loaded"
                                 src="<c:if test="${item.sourceId==2}">https://media.ifanrusercontent.com</c:if><c:if test="${item.sourceId==1}">//img.cmcmcdn.com</c:if>${item.logoUrl}"
                                 width="64" height="64" alt="${item.appName}小程序">
                            <em>${item.appName}</em>
                            <span>${liebaoApp.tagsArr}</span>
                        </a>
                    </li>
                </c:forEach>
            </ul>
        </div>
        <div class="aside-rank"><h2>更多推荐</h2>
            <ul class="aside-rank-list">
                <c:forEach var="item" items="${sjcxList}" begin="0" end="5">
                    <li class="item">
                        <a href="/app/${item.id}.html">
                            <img class="lazy b-loaded"
                                 src="<c:if test="${item.sourceId==2}">https://media.ifanrusercontent.com</c:if><c:if test="${item.sourceId==1}">//img.cmcmcdn.com</c:if>${item.logoUrl}"
                                 width="64" height="64" alt="${item.appName}小程序">
                            <em>${item.appName}</em>
                            <span>${liebaoApp.tagsArr}</span>
                        </a>
                    </li>
                </c:forEach>
            </ul>
        </div>
    </div>
</div>
<%@include file="../include/footer.jsp" %>
</body>
</html>
